import { useFonts } from './tools.js';
import Light from '../assets/fonts/Alibaba-PuHuiTi-Light.ttf';
import Regular from '../assets/fonts/Alibaba-PuHuiTi-Regular.ttf';
import Medium from '../assets/fonts/Alibaba-PuHuiTi-Medium.ttf';
import Bold from '../assets/fonts/Alibaba-PuHuiTi-Bold.ttf';
import Heavy from '../assets/fonts/Alibaba-PuHuiTi-Heavy.ttf';

export default function useAlibabaPuHuiTi() {
  useFonts(`
  @font-face {
    font-family: 'Alibaba PuHuiTi';
    src: local('Alibaba PuHuiTi'), url(${Light});
    font-weight: 300;
  }
  @font-face {
    font-family: 'Alibaba PuHuiTi';
    src: local('Alibaba PuHuiTi'), url(${Regular});
    font-weight: 400;
  }
  @font-face {
    font-family: 'Alibaba PuHuiTi';
    src: local('Alibaba PuHuiTi'), url(${Medium});
    font-weight: 500;
  }
  
  @font-face {
    font-family: 'Alibaba PuHuiTi';
    src: local('Alibaba PuHuiTi'), url(${Bold});
    font-weight: 600;
  }
  
  @font-face {
    font-family: 'Alibaba PuHuiTi';
    src: local('Alibaba PuHuiTi'), url(${Heavy});
    font-weight: 700;
  }
`);
}
